Using p5.js, HTML, and FTP

Resources

Class Basics

p5.js (Javascript library)
  • Open the p5js online editor here.
  • Login or create an account if you haven't yet.
  • Write your first sketch by following these steps.
  • Figure out how to do more! Use the reference here.
  • Figure out how to do more! Use the reference here.
HTML (Hypertext Markup Language)
  • Here is an example of what your site should look like. You can download and edit this template here (you might want to change the name at the top).
  • Take a look at this tutorial that covers the very basics. Read through the first three or four pages. You won't need much more than that.
  • How do you edit HTML? You can open HTML pages in any text editor. We will be using Sublime.
FTP (File Transfer Protocol)
  • Here are the basics for editing files on your site using FTP.
  • Here is a diagram:
OK, so how do I hand in homework?
  • You put all of these things together. Here are instructions.

Classwork